<template>
  <div class="department">
    <a-card class="general-card">
      <a-tabs default-active-key="1">
        <a-tab-pane key="1" title="分类">
          <Classification></Classification>
        </a-tab-pane>
        <a-tab-pane key="2" title="班组">
          <Work-team></Work-team>
        </a-tab-pane>
        <a-tab-pane key="3" title="个人">
          <Personal></Personal>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script lang="ts">
import { toRefs } from 'vue';
import importConfig from './schedulingCalendar.ts';
import Classification from './classification/classification.vue';
import Personal from './personal/personal.vue';
import WorkTeam from './workTeam/workTeam.vue';

export default {
  name: 'SchedulingCalendar',
  components: {
    Classification,
    Personal,
    WorkTeam,
  },
  setup() {
    const { base, init } = importConfig();
    init();
    return {
      ...toRefs(base),
      init,
    };
  },
};
</script>

<style scoped lang="less"></style>
